@sicon-ic_success-path1: "\e900";
@sicon-ic_success-path2: "\e901";
@sicon-ic_delete: "\e902";
@sicon-ic_keyboard: "\e903";
@sicon-ic_phone: "\e904";
@sicon-ic_comment: "\e905";
@sicon-ic_yes: "\e906";
@sicon-ic_filter: "\e907";
@sicon-ic_location: "\e908";
@sicon-ic_close: "\e909";
@sicon-ic_gold-path1: "\e90a";
@sicon-ic_gold-path2: "\e90b";
@sicon-ic_gold-path3: "\e90c";
@sicon-ic_gold-path4: "\e90d";
@sicon-ic_copper-path1: "\e90e";
@sicon-ic_copper-path2: "\e90f";
@sicon-ic_copper-path3: "\e910";
@sicon-ic_copper-path4: "\e911";
@sicon-ic_silver-path1: "\e912";
@sicon-ic_silver-path2: "\e913";
@sicon-ic_silver-path3: "\e914";
@sicon-ic_silver-path4: "\e915";
@sicon-ic_more: "\e916";
@sicon-ic_star_0: "\e917";
@sicon-ic_star_1: "\e918";

@font-face {
  font-family: 'sincerityicon';
  src:
    url('./fonts/sincerityicon.ttf?crpcz3') format('truetype'),
    url('./fonts/sincerityicon.woff?crpcz3') format('woff'),
    url('./fonts/sincerityicon.svg?crpcz3#icon') format('svg');
  font-weight: normal;
  font-style: normal;
}

.sicon {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'sincerityicon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.sicon-ic_success .path1 {
  &:before {
    content: @sicon-ic_success-path1;  
    color: rgb(63, 194, 152);
  }
}
.sicon-ic_success .path2 {
  &:before {
    content: @sicon-ic_success-path2;  
    margin-left: -1em;  
    color: rgb(255, 255, 255);
  }
}
.sicon-ic_delete {
  &:before {
    content: @sicon-ic_delete;
  }
}
.sicon-ic_keyboard {
  &:before {
    content: @sicon-ic_keyboard;
  }
}
.sicon-ic_phone {
  &:before {
    content: @sicon-ic_phone;
  }
}
.sicon-ic_comment {
  &:before {
    content: @sicon-ic_comment;
  }
}
.sicon-ic_yes {
  &:before {
    content: @sicon-ic_yes;
  }
}
.sicon-ic_filter {
  &:before {
    content: @sicon-ic_filter;
  }
}
.sicon-ic_location {
  &:before {
    content: @sicon-ic_location;
  }
}
.sicon-ic_close {
  &:before {
    content: @sicon-ic_close;
  }
}
.sicon-ic_gold .path1 {
  &:before {
    content: @sicon-ic_gold-path1;  
    color: rgb(236, 126, 111);
  }
}
.sicon-ic_gold .path2 {
  &:before {
    content: @sicon-ic_gold-path2;  
    margin-left: -1em;  
    color: rgb(255, 150, 136);
  }
}
.sicon-ic_gold .path3 {
  &:before {
    content: @sicon-ic_gold-path3;  
    margin-left: -1em;  
    color: rgb(244, 200, 136);
  }
}
.sicon-ic_gold .path4 {
  &:before {
    content: @sicon-ic_gold-path4;  
    margin-left: -1em;  
    color: rgb(255, 255, 255);
  }
}
.sicon-ic_copper .path1 {
  &:before {
    content: @sicon-ic_copper-path1;  
    color: rgb(236, 126, 111);
  }
}
.sicon-ic_copper .path2 {
  &:before {
    content: @sicon-ic_copper-path2;  
    margin-left: -1em;  
    color: rgb(255, 150, 136);
  }
}
.sicon-ic_copper .path3 {
  &:before {
    content: @sicon-ic_copper-path3;  
    margin-left: -1em;  
    color: rgb(203, 184, 172);
  }
}
.sicon-ic_copper .path4 {
  &:before {
    content: @sicon-ic_copper-path4;  
    margin-left: -1em;  
    color: rgb(255, 255, 255);
  }
}
.sicon-ic_silver .path1 {
  &:before {
    content: @sicon-ic_silver-path1;  
    color: rgb(236, 126, 111);
  }
}
.sicon-ic_silver .path2 {
  &:before {
    content: @sicon-ic_silver-path2;  
    margin-left: -1em;  
    color: rgb(255, 150, 136);
  }
}
.sicon-ic_silver .path3 {
  &:before {
    content: @sicon-ic_silver-path3;  
    margin-left: -1em;  
    color: rgb(190, 199, 218);
  }
}
.sicon-ic_silver .path4 {
  &:before {
    content: @sicon-ic_silver-path4;  
    margin-left: -1em;  
    color: rgb(255, 255, 255);
  }
}
.sicon-ic_more {
  &:before {
    content: @sicon-ic_more;
  }
}
.sicon-ic_star_0 {
  &:before {
    content: @sicon-ic_star_0;
  }
}
.sicon-ic_star_1 {
  &:before {
    content: @sicon-ic_star_1;
  }
}
